<template>
	<view class="success">
		<!-- <img class="success-img" src="../static/" alt="" /> -->
		<image class="success-img" src="../../pagesPoster/static/leafLet/success.png" mode=""></image>
		<view class="success-text">
			订单支付成功
		</view>
		<view>
			每队只能一名老生
		</view>
		<view class="back" @click="toBack">
			返回首页
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
	} from '@dcloudio/uni-app';
	const toBack = () => {
		uni.navigateTo({
			url: '/pagesPoster/Leaflet/Leaflet?id=' + uni.getStorageSync('id')
		})
	}

	onLoad((option) => {
		console.log('onLoad')
		wx.hideShareMenu({
			menus: ['shareAppMessage', 'shareTimeline']
		})
	})
</script>

<style lang="scss" scoped>
	.success {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.success-img {
			width: 120rpx;
			height: 120rpx;
			margin-bottom: 60rpx;

		}

		.success-text {
			font-size: 40rpx
		}

		.success-texts {}

		.back {
			margin-top: 30rpx;
			height: 50rpx;
			border-radius: 25rpx;
			border: 1rpx #3c9cff solid;
			color: #3c9cff;
			padding: 0 12rpx;
		}
	}
</style>